<%@ page language="java" contentType="text/html; charset=utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>鼎嘉旅游-攻略信息</title>
</head>
<body>
<%@ include file="/WEB-INF/elements/header.jsp" %>

<!---start-content---->
		<div class="content-wrap">
			<div class="wrap">
			<div class="about-us">
					<div class="about-header">
						<h5></h5><h3>${strategy.title }</h3><h5></h5>
						<div class="clear"> </div>
					</div>
					<div class="about-info " >
					<!-- 旅游攻略介绍开始 -->
						<!--  产品概要开始 
						<div class="product">
							<h3 class="resume-title">产品概要</h3>
							<div class="layui-row ">
								<div class="layui-col-md4 protrans" >
								<li class="grid-demo grid-demo-bg1"><span>住宿:</span> 包住</li>
								</div>
								<div class="layui-col-md4 protrans" >
								<li class="grid-demo grid-demo-bg1"><span>景点:</span>13个</li>
								</div>
								<div class="layui-col-md4 protrans" >
								<li class="grid-demo grid-demo-bg1"><span>餐食：</span>包吃</li>
								</div>
								<div class="layui-col-md4 protrans">
								<li class="grid-demo grid-demo-bg1"><span>行车时间:</span>2小时</li>
								</div>
								<div class="layui-col-md4 protrans" >
								<li class="grid-demo grid-demo-bg1"><span>航班：</span>往返</li>
								</div>
								<div class="layui-col-md4 protrans" >
								<li class="grid-demo grid-demo-bg1"><span>自由活动：</span>两个小时</li>
								</div>
							</div>
						</div>
						产品概要结束 -->
					<ul class="layui-timeline">
						<li class="layui-timeline-item">
							<i class="layui-icon layui-timeline-axis busfont">&#xeb69;</i>
							<div class="layui-timeline-content layui-text">
								<h3 class="layui-timeline-title">${strategy.p1 }</h3>
								<div class="scenery-content ">
								<p >
									${ strategy.page1} <i class="layui-icon" style="color:yellow;"></i>
								</p>
								<c:forEach items="${strategy.stra1Pictures}" var="pic">
									<img alt="${pic.getPicture().getName()}" src="${base }/statics/${pic.picture.path}">
								</c:forEach>
								</div>
							</div>
						</li>
						<c:if test="${not empty strategy.p2 }">
						<li class="layui-timeline-item">
							<i class="layui-icon layui-timeline-axis busfont">&#xe844;</i>
							<div class="layui-timeline-content layui-text">
								<h3 class="layui-timeline-title">${strategy.p2 }</h3>
								<div class="scenery-content ">
								<p class="scenery-content ">
									${ strategy.page2} <i class="layui-icon" style="color:yellow;"></i>
								</p>
								<p class="scenery-content ">
									layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。 不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
									无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon" style="color:yellow;"></i>
								</p>
								<c:forEach items="${strategy.stra2Pictures}" var="pic">
									<img alt="${pic.getPicture().getName()}" src="${base }/statics/${pic.picture.path}">
								</c:forEach>
								</div>
							</div>
						</li>
						</c:if>
						<c:if test="${not empty strategy.p3 }">
						<li class="layui-timeline-item">
							<i	class="layui-icon layui-timeline-axis busfont">&#xe9a3;</i>
							<div class="layui-timeline-content layui-text">
								<h3 class="layui-timeline-title">${strategy.p3 }</h3>
								<div class="scenery-content ">
								<p >
									${ strategy.page3} <i class="layui-icon" style="color:yellow;"></i>
								</p>
								<c:forEach items="${strategy.stra3Pictures}" var="pic">
									<img alt="${pic.getPicture().getName()}" src="${base }/statics/${pic.picture.path}">
								</c:forEach>
								</div>
							</div>
						</li>
						</c:if>
						<c:if test="${not empty strategy.p4 }">
						<li class="layui-timeline-item">
							<i	class="layui-icon layui-timeline-axis busfont">&#xe9a3;</i>
							<div class="layui-timeline-content layui-text">
								<h3 class="layui-timeline-title">${strategy.p4 }</h3>
								<div class="scenery-content ">
								<p >
									${ strategy.page4} <i class="layui-icon" style="color:yellow;"></i>
								</p>
								<c:forEach items="${strategy.stra4Pictures}" var="pic">
									<img alt="${pic.getPicture().getName()}" src="${base }/statics/${pic.picture.path}">
								</c:forEach>
								</div>
							</div>
						</li>
						</c:if>
						<c:if test="${not empty strategy.p5 }">
						<li class="layui-timeline-item">
							<i	class="layui-icon layui-timeline-axis busfont">&#xe9a3;</i>
							<div class="layui-timeline-content layui-text">
								<h3 class="layui-timeline-title">${strategy.p5 }</h3>
								<div class="scenery-content ">
								<p >
									${ strategy.page5} <i class="layui-icon" style="color:yellow;"></i>
								</p>
								<c:forEach items="${strategy.stra5Pictures}" var="pic">
									<img alt="${pic.getPicture().getName()}" src="${base }/statics/${pic.picture.path}">
								</c:forEach>
								</div>
							</div>
						</li>
						</c:if>
					</ul>



				</div>
				</div>
			<div class="clear"> </div>
			<c:if test=" ${ not empty hotSpots}">
			<div class="specials">
					<div class="specials-heading">
						<h5> </h5><h3>最热景点</h3><h5> </h5>
						<div class="clear"> </div>
					</div>
					<div class="clear"> </div>
					<div class="specials-grids">
						<c:forEach items="${hotSpots}" var="hotSpot" varStatus="status">
						<div class="special-grid <c:if test="${ status.index==2}">spe-grid</c:if>">
							<img src="${base }/statics/${hotSpot.picpath}" title="${hotSpot.picname}" />
							<a href="#">${hotSpot.name}</a>
							<p>
							${hotSpot.info}
							</p>
						</div>
					</c:forEach>
						<div class="clear"> </div>
					</div>
				</div>
				</c:if>
					<div class="clear"> </div>
			</div>
			</div>	
			<div class="clear"> </div>
			<div class="testmonials">
				<div class="wrap">
					<div class="testmonial-grid">
						<h3>1111聚享优惠 :</h3>
						<p>&#34; layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。 不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
								无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。 不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
								无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔&#34;
						</p>
						<a href="#"> Let's GO</a>
					</div>
				</div>
			</div>
		</div>
		<!---End-content---->


<%@ include file="/WEB-INF/elements/footer.jsp" %>
<script src="layui/layui.js" charset="utf-8"></script>
</body>
</html>